<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="description" id="description1" content="1">
  <meta name="renderer" content="webkit">
  <meta name="format-detection" content="telephone=no">
  <title>AskiNow-Credit For Knowledge</title>
  <link href="css/main.css" rel="stylesheet" type="text/css">
  <link href="css/index.css" rel="stylesheet" type="text/css">
  <link href="css/sidebar.css" rel="stylesheet" type="text/css">

  <script type="text/javascript">

    //平台、设备和操作系统
    var system = {
      win: false,
      mac: false,
      xll: false
    };
    //检测平台
    var p = navigator.platform;


    /**var sUserAgent = navigator.userAgent.toLowerCase();
     alert(sUserAgent);*/

    system.win = p.indexOf("Win") == 0;
    system.mac = p.indexOf("Mac") == 0;
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
    //跳转语句
    if (system.win || system.mac || system.xll) {//转向后台登陆页面

    } else {
      window.location.href = "/mobile";
    }


    var global_messageurl = '<%=ConfigurationManager.AppSettings["MessageUrl"].ToString() %>';
    var global_customerid = '<%=ConfigurationManager.AppSettings["CustomerId"].ToString() %>';
    var paykey = '<%=ConfigurationManager.AppSettings["PayKey"].ToString() %>';
  </script>

  <script type="text/javascript" src="js/inc/jquery-2.1.1.js"></script>
  <script src="https://js.stripe.com/v2/"></script>
  <script type="text/javascript" src="layer/layer.js"></script>
  <script src="js/app/My97DatePicker/WdatePicker.js"></script>
  <script type="text/javascript" src="js/inc/jquery.tinyscrollbar.js"></script>
  <script type="text/javascript" src="js/inc/jquery.mCustomScrollbar.js"></script>
  <script type="text/javascript" src="js/app/main.js"></script>

  <script type="text/javascript" src="js/app/index.js"></script>

  <script type="text/javascript" src="js/app/sidebar.js"></script>
  <script type="text/javascript" src="js/app/remind.js"></script>
</head>
<body>
<div class="headBox">
  <div class="head">
    <div class="logo">
      <a href="index.aspx">
        <img src="images/logo.png" width="185" height="60"/>
      </a>
    </div>
    <!---logo--->


    <div class="search">
      <input type="text" placeholder="Search..."/>
    </div>

    <div class="head_right">
      <div class="head_right1">
        <a href="becomeTeacher.html">Become a tutor</a>
      </div>
      <!---head_right1--->
      <div class="head_right3" onclick="signShow()">
        <a>Sign Up</a>
      </div>
      <!---head_right3--->
      <div class="head_right2" onclick="loginShow()">
        <a>Log in</a>
      </div>
      <!---head_right2--->


      <!--登录成功之后-->
      <div class="userMess">
        <span class="userName" style="margin-right: 60px;">Alistair.Zhao</span>
        <img src="images/nohead0.png" class="userPic" alt=""/>
        <ul class="userNavbar">
          <li onclick="window.location.href='setClass.html'">My Class</li>
          <li onclick="window.location.href='setProfile.html'">Profile</li>
          <li>My Follows</li>
          <li>Account Settings</li>
          <li>Log out</li>
        </ul>
      </div>
    </div>
    <!---head_right--->
  </div>
</div>

<div class="index_banner">
  <div class="index_video">
    <video id="video" poster="images/index_navbg01.jpg" onplaying="changeTailPoster()" onended="nextVideo()">
      <source id="videoSource"/>
    </video>
  </div>

  <div style="max-width: 1000px;margin: 0 auto">
    <div class="index_banner_main">
      <h2>ASK IT RIGHT NOW</h2>

      <p>Solve your problem—Anytime, Anywhere, Anyone</p>

      <form action="/searchResult/" method="post" name="form" id="form">
        <div class="banner_search">
          <img src="images/search0.png" alt=""/>
          <input type="text" placeholder="What Subjects can we help you with? Try ‘Accounting’…" autocomplete="off"
                 id="keyword" name="keyword" onKeyUp="getsearchkeywords(this.value)"/>
          <ul class="banner_search_pop">

          </ul>
        </div>
      </form>
    </div>

  </div>
</div>

<div class="seehow">
  <h2>AskiNow is an online 1-to-1 instant tutorial platform</h2>

  <div>See how it works</div>
</div>

<div class="contentBox">
  <ul class="index_list">
    <li>
      <img src="images/index_list1.png" alt=""/>
      <h4>Search now</h4>

      <p>Find the best tutor for your specific needs</p>
    </li>
    <li style="margin: 0 117px">
      <img src="images/index_list2.png" alt=""/>
      <h4>Anytime Anywhere</h4>

      <p>Ask the question whenever you want an answer</p>
    </li>
    <li>
      <img src="images/index_list3.png" alt=""/>
      <h4>Freedom</h4>

      <p>Choose the most suitable studying approach.
        <a href="video_demo.aspx" target="_blank">Try demo</a>
      </p>
    </li>
  </ul>
  <div class="device">
    <div class="browser">
      <div class="browser-details"></div>
      <div id="browser-video"></div>
      <div id="browser-imgs">
        <img src="images/browser_img1.png" alt=""/>
        <img src="images/browser_img2.png" alt=""/>
        <img src="images/browser_img4.png" alt=""/>
        <img src="images/browser_img3.png" alt=""/>
      </div>
    </div>
    <div class="slick-dots">
      <span class="cur">Search</span><span>Select</span><span>Free Chat</span><span>Meet Now</span>
    </div>
  </div>
</div>
<div class="video-btn">
  <div></div>
</div>
<div class="tutor-list">
  <div class="til">
    <div class="h2">See who can help you here...</div>
  </div>
  <div class="infobg">
    <div class="info">
      <h1>Alistair</h1>
      <h3 style="margin-top:62px;">ICAP Iron Ore Broker</h3>
      <p style="height: 75px;">ICAP is a leading markets operator and provider of post trade risk mitigation and information services.</p>
      <h3>Standard Chartered Bank</h3>
      <p style="height: 50px;">Corporate finance summer placement</p>
      <h3>The University of Warwick</h3>
      <p style="height: 25px;">Economics——2.1</p>
      <a href="/searchResult/index.aspx"></a>
    </div>
  </div>
</div>
<div class="search-result">
  <div class="mask"></div>
  <div class="cont">
    <ul>
      <li class="cur"><i></i>CV Editing</li>
      <li><i></i>Mock Interview</li>
      <li><i></i>Proofreading</li>
      <li><i></i>Accounting</li>
      <li><i></i>Mathematics</li>
    </ul>
    <a href="searchResult/index.aspx" class="search-circle">Search</a>
  </div>
</div>
<div class="credit">
  <h2>Credit for your knowledge</h2>

  <p>AskiNow Believes that everyone's experience and knowledge matters! <br/>
    We are helping you to find your true value.</p>
</div>

<div class="sign-tutor">
  <div class="signbg"></div>
  <div class="betutorbg"></div>
  <div style="margin: 0 auto; width: 1000px; height: 330px;">

    <div class="sign">
      <h3>Sign up now to get £10 credit!</h3>

      <p>To help you to start your path to finding the true value of knowledge, AskiNow offers £10 credit to all news
        students to pay the tutors on the platform. </p>

      <div class="goto" onClick="loginShow()">Sign up now, its better than FREE!
        <img src="images/footer_arrow.png" alt=""/>
      </div>
      <span>or back to the top of page</span>
    </div>

    <div class="betutor">
      <img src="images/index_tutor.png" alt=""/>

      <h3>Want to be a tutor and get more income?</h3>

      <p>AskiNow is easy to register. Fill in your personal information and show us the proof that you know your stuff
        and we will accept you as a tutor. </p>

      <div class="goto" style="width: 250px;" onclick="window.location.href='become/index.aspx'">Become a tutor now!
        <img  src="images/footer_arrow.png" alt=""/></div>
    </div>
  </div>
</div>

<div id="welcome"></div>
<div id="prompt"></div>
</body>
</html>
